<script setup lang="ts">
// 局部配置网页title，允许使用响应式数据
// 若某页面有设定title，则连接app的title，没有则使用默认title
// 例如在users页面的title：Nuxt学习 - 用户title
useHead({
  titleTemplate: (chunk) => {
    return chunk ? `Nuxt学习 - ${chunk}` : 'Nuxt学习'
  }
})
</script>

<template>
  <nuxt-link to="/about">关于页</nuxt-link>
  <nuxt-link to="/users">用户页</nuxt-link>
  <!-- 若只有一个布局，建议在app.vue中写布局 -->
  <AppHeader />
  <AppAside />
  <NuxtPage />
  <AppFooter />
</template>

<style>
a {
  margin: 10px;
}
</style>
